<!DOCTYPE html>
<html>
<head>
	<title>css-list</title>
	<meta charset="utf-8">
	<style type="text/css">
		≈≈≈
		ul.b{
			list-style-type: disc
		}

		ul.c{
			list-style-type: square;
		}
		/* 使用图片作为标记图像*/
		ul.d{
			list-style-image: url('http://www.oldcem.bc.ca/im/sqpink.gif')
		}

	</style>
</head>
<body>
	<ul class="a">
		<li>Circle type</li>
		<li>Tea</li>
		<li>Coco Cola</li>
	</ul>

	<ul class="b">
		<li>Circle type</li>
		<li>Tea</li>
		<li>Coco Cola</li>
	</ul>

	<ul class="c">
		<li>Circle type</li>
		<li>Tea</li>
		<li>Coco Cola</li>
	</ul>	

	<ul class="d">
		<li>Circle type</li>
		<li>Tea</li>
		<li>Coco Cola</li>
	</ul>

</body>
</html>